<template>
  <div>
    <summer-fruit-item :type="type"></summer-fruit-item>
    <summer-fruit-item :type="type"></summer-fruit-item>
    <summer-fruit-item :type="type"></summer-fruit-item>
    <summer-fruit-item :type="type"></summer-fruit-item>
    <summer-fruit-item :type="type"></summer-fruit-item>
    <summer-fruit-item :type="type"></summer-fruit-item>
    <summer-fruit-item :type="type"></summer-fruit-item>
    <summer-fruit-item :type="type"></summer-fruit-item>
    <summer-fruit-item :type="type"></summer-fruit-item>
    <summer-fruit-item :type="type"></summer-fruit-item>
  </div>
</template>

<script>
import summerFruitItem from "@/components/summerFruits/summerFruitItem.vue";
export default {
  name: "summerFruitList",
  components: {
    summerFruitItem,
  },
  props: ["type"],
  mounted() {
    //   console.log(this.imgSrc);
  },
};
</script>

<style>
</style>